<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ include file="/base/main/pubInclude.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<script type="text/javascript" src="${el:getWebRootPath()}/resource/js/sea.js"></script>
		<link rel="stylesheet" href="${el:getWebRootPath()}/oa/act/approval/form/css/form.css" type="text/css"></link>
		<link type="text/css" rel="stylesheet" href="${el:getWebRootPath()}/oa/act/main/css/actCommon.css">
		<style type="text/css">
			.editWarp{
				min-height:280px;
			 	max-width: 100%;
			    text-align: center;
			    font-size: 14px;
			    color: #999;
			    border: 1px dashed #ccc;
			    padding: 10px;
			    overflow: auto;
			}
			.formGroup{
				width:100%;
				margin-top:15px;	
			}
			.formGroup .formKey{
				display : inline-block;
				vertical-align: top;
			   	width: 100px;
    			text-align: right;
    			white-space: normal;
				text-overflow: ellipsis;
				word-break: break-all;
			    margin-right: 10px;
			}
			.formGroup .formVal{
				display : inline-block;
				white-space: normal;
				text-overflow: ellipsis;
				word-break: break-all;
			}
			
			.warp-item{
				width: 157px;
				height: 116px;
				float: left;
				margin: 10 0 0 10;
			    border: 1px solid #e8e8e8;
			    border-radius: 4px;
			    list-style-type:none;
			    background: transparent;
			}
			.warp-item:hover{
				border: 1px solid #d2d2d2;
			}
			.warp-item a{    
				font-size: 14px;
			    display: block;
			    width: 100%;
			    height: 45px;
			    text-decoration: none;
			    color: #909090;
			    box-sizing: border-box;
			    position: absolute;
			    bottom: 0px;
			    line-height: 45px;
			    overflow: hidden;
		        text-overflow: ellipsis;
		        white-space: nowrap;
			}
		.closeTarget{
		    background: url(${el:getWebRootPath()}/oa/act/images/Cancel-copy.png) no-repeat center center;
		    width: 18px;
		    height: 18px;
		    position: absolute;
		    top: -5px;
		    right: -5px;
		    background-size: 100%;
		    cursor: pointer;
    	}
    	form{
	    	padding:0;
	    	margin:0;
    	}
		</style>
	</head>
	<body style="margin:0;padding:0;overflow:hidden;background-color:#fff;">
		<div style="overflow-y: auto;height:100%;">
			<form id="editForm">
					<div class="formGroup">
						<div class="formKey">
							<span>*</span>分组名称:
						</div>
						<div class="formVal">
							<input class="easyui-textbox" id="groupName" name="groupName" data-options="prompt:'请输入组名',width:700,required:true,validType:'maxlength[25]'">
						</div>
					</div>
					<div class="formGroup">
						<div class="formKey">
							分组描述:
						</div>
						<div class="formVal">
							<input class="easyui-textbox" id="groupDes" name="groupDes" data-options="prompt:'请输入组描述',multiline:true,height:66,width:700,validType:'maxlength[50]'">
						</div>
					</div>
					<hr style="border-top:1px solid #e6e6e6;margin:20px 0;"/>
					<div class="formGroup">
						<div class="formKey">
							添加流程:
						</div>
						<div class="formVal">
							<div class="editWarp" style="width:700px;height:400px">
								<ul id ="processWarp">
									<li id="addProcess" class="warp-item" style="cursor: pointer;">
										<img style="position: relative;top:25px;" src="${el:getWebRootPath()}/oa/approval/group/css/add.png" width="60" />
									</li>
								</ul>
							</div>
						</div>
					</div>
					<span id='btn_submit' class="easyui-linkbutton" style="width: 200px;margin: 10px 345px;">
						提 交
					</span> 
			</form>
		</div>
		<div id="drawer" class="jgui-drawer jgui-drawer-close jgui-drawer-right">
			<div class="duty_drawer duty_newform hide" style="height:100%;">
				<div class="duty_warp" style="width:420px">
					<div class="duty_scroll">
						<div class="duty_header">
							<span class="close"></span>
							<h4 id="jgui-title">我的流程</h4>
						</div>
						<div class="duty_form">
						<form id="searchform">
						  <input type="hidden" name="moudelType" id="moudelType" val="power_type_3">
						</form>
							<table id="processlist"></table>
						</div>
						<div class="duty_foolter" style="text-align:center;">
							<span id='add' class="easyui-linkbutton" style="width:200px;">
								添加
							</span> 
						</div>
					</div>
				</div>
			</div>
		</div>
	
		<script>
			seajs.use("oa/approval/group/js/edit.js", function(edit) {
				edit.init();
			});
		</script>
	</body>
</html>